探討網站黑暗模式的優缺點,配色如何使用?
「深色模式」為近年最夯的背景主題(意思是手機、平板、電腦等界面底色,以黑色或深灰色為主。)Apple、Google等平臺紛紛加入黑暗時代,為用戶提供除了白色(淺色)主題外的更多選擇。
一、為什么各大平臺都開放了暗色主題/深色模式?
繼蘋果IOS 13和Google推出深色模式,開始愈來愈多產品、用戶,都開始用這個風格的設計。它被視為是一種時髦、前衛的新UI設計典范。
Google 曾闡述了深色模式的三點優勢,分別為改善續航、提高低視力和強光敏感者的可視性,以及讓用戶在光線不足的環境下更好地使用設備。
有了Apple、Google等大公司的領銜,各大平臺也相繼跟風,參與這場黑色盛世。
二、暗色主題的緣起
雖然近年深色主題的風潮興于 Apple、Google,但其實黑色模式早在電腦誕生的初期就已經被使用。當時的設備僅能支持簡單色系,彩色顯示器是在 1980 年代后才逐漸普及。
后來Mac在 1984 年帶來了全新界面,使用白色為界面底色,才一改業界黑底的顯示,也是電腦的劃時代改革,沿用至今。至于為何當年蘋果會使用白色背景,這點蘋果并未透露,但大概能夠聯想到是模擬「紙張」來符合人類的閱讀習慣。
三、使用黑暗主題的平臺
作為內容消費型的 Netflix,也以深色為設計基底,這使得用戶能更集中注意在內容上,以延長使用時間,黑底白色,以顯眼的色差讓用戶能夠快速識別重要訊息。
黑暗主題的優缺點
2018 年,用戶關系管理(CRM)軟件服務提供商 SalesForce的設計師,為了研究哪種模式是最適合儀表板的,于是做了市調,大部分的用戶反饋,深色主題的圖表,會使反應更快且更加精準。這點在股票交易軟件得到了驗證。然而深色模式優劣個說紛紜,以下針對黑暗主題進行優缺點比較:
一、深色模式的優點:
1. 省電
普渡大學研究人員表示,當手機亮度設定30-40%時切換到深色模式時,平均能節省3 - 9%的電量;若亮度設定100%,切換到深色模式時,竟可以節省39 - 47%的電量。
2. 對視力低/強光敏感客戶友善
雖然深色模式已被證實沒有護眼的功能,但對于視力較低,或對強光敏感的用戶而言,卻是相對友善的。因為眼睛所需要接受的亮度面積大幅度的減少。
3. 低光環境專注提升也更舒適
亮色背景下的文字看久了容易疲乏,然而深色背景卻能補足這個缺點,將重要內容置于焦點,令你的眼睛更舒適,尤其是在黑房或飛機等昏暗環境。
二、深色模式的缺點:
1. 習慣轉換的不舒適感
散光為當代文明病,因于眼睛習慣在亮光下閱讀暗色文字,當切換回暗色背景時,會讓一些用戶在閱讀時感到不適。然這多出現于初始體驗暗色模式的用戶,大部分人在習慣這種模式之后,眼睛也會跟著適應。
2. 虹膜擴張引發的眼睛肌群疲乏
因虹膜在白底環境不需要太過擴張來吸收更多光線,但黑底的環境卻需要仰賴虹膜擴張。因此若長期使用深色模式,容易使得眼睛肌群疲勞。
網頁想要做暗色系,要留意什么?
市面上的網頁設計,仍舊以白底、淺色底居多。為顧及網站的用戶體驗,制作深色網站時需要特別留意以下問題:
1. 避免使用純黑色
高對比的色差容易讓人視覺疲勞,這不僅體現在純黑背景,純白背景也有同樣的情況。
2. 調整文字與飾色的色階
文字與裝飾色 / 配色在深色背景里,宜使用較淺的色階,使得閱讀性提升。較淺的顏色不僅能加強UI視覺表現立,更能保持恰當對比度,減緩視覺疲勞。
網頁設計使用深色系背景的好處
在設計網站的時候,喜歡使用亮色調來設計頁面,這是因為亮色調的應用可以使得頁面更清新。而深色系的顏色也可以設計出簡潔的、有創造力的頁面效果。那么,在設計網站的過程中,使用深色系背景的好處有哪些?
什么是深色模式?
深色模式是一種帶有淺色文字的深色背景。本質上,這是在白色背景配色方案上典型的黑色文本的部分反轉。
視覺捕捉,突出重點
深色系網站因為網站底色是以深色為主,所以在網站建設中會用較為突出的強調每個頁面板塊的按鈕變化,例如:紅色、黃色等。所以,在黑色背景的前提下,會產生視覺捕捉的效果,各個重點在黑色背景下能夠很好地凸顯。
背景會吸收元素
深色的頁面背景會吸收元素尤其是同色系的色彩,所以同類顏色的元素之間要有一定的留白。
視覺層次
增加深色背景,可以豐富界面的層級關系。
版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 lkba@aliyun.com 舉報,一經查實,本站將立刻刪除。
轉載請注明來自專注SEO技術,教程,推廣 ,本文標題:《網頁設計的背景與意義(網站配色的常見模式)》
標簽:

























